<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
<meta charset="UTF-8">
<title>Icon Manage</title>
<th:block th:include='common::css_script'></th:block>
<script type="text/javascript" th:src="@{/js/iconList.js}"></script>
</head>
<body>
	<div>
		<div class="btn-tools">
			<button class="btn btn-success" data-toggle="modal" data-target="#myModal" type="button">新增</button>
			<button class="btn btn-primary" type="button">修改</button>
			<button class="btn btn-danger" type="button">删除</button>
			<input class="form-control float-left margin-left-5 width-300"/>
			<button class="btn btn-info" type="button">搜索</button>
		</div>
		
		<table class="table table-bordered table-hover">
			<thead>
			<tr>
				<th scope="col"></th>
				<th scope="col">ID</th>
				<th scope="col">图标</th>
				<th scope="col">代码</th>
				<th scope="col">创建时间</th>
				<th scope="col">修改时间</th>
			</tr>
			</thead>
			<tbody class="page">
			<tr th:fragment="iconList" th:each="row:${page.contentList}">
				<td><input type="checkbox" /></td>
				<td>[[${row.id}]]</td>
				<td><i th:class="${row.value}"></i></td>
				<td>[[${row.value}]]</td>
				<td>[[${row.addTime}]]</td>
				<td>[[${row.updateTime}]]</td>
			</tr>
			</tbody>
		</table>
	
		<th:block th:include='common::page_navigation'></th:block>
	</div>

	<!-- 新增 -->
	<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
		<div class="modal-dialog" role="document">
			<div class="modal-content">
				<div class="modal-header">
					<button type="button" class="close" data-dismiss="modal" aria-label="Close">
						<span aria-hidden="true">&times;</span>
					</button>
					<h4 class="modal-title" id="myModalLabel">新增</h4>
				</div>
				<div class="modal-body">
					<form id="addIconForm">
						代码<input name="value" class="form-control"/>
					</form>
				</div>
				<div class="modal-footer">
					<button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
					<button type="button" class="btn btn-primary" id="addIcon">保存</button>
				</div>
			</div>
		</div>
	</div>
</body>
</html>